.content{
    flex:1;
	background: #FFFFFF;
	border-radius: 10rpx;
	padding: 0 20rpx;
    width:710rpx;
    margin:0 auto;
	.content-title{
		height: 100rpx;
		padding-left: 10rpx;
		.title-icon{
			width: 6rpx;
			height: 30rpx;
			background: #1DC691;
			border-radius: 3rpx;
		}
		.title-text{
			padding-left: 16rpx;
			font-size: 34rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
		}
		.title-number{
			padding-left: 10rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
		}
		.btn-text{
			font-size: 30rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #48CFA5;
		}
	}
	.content-diet{
		
		.diet-cell{
			position: relative;
			width: 320rpx;
			height: 140rpx;
			border-radius: 10rpx;
			margin-bottom: 30rpx;
			.cell-background{
				opacity: 1;
				position:absolute;
				bottom: 0;
				right: 0;
				width: 130rpx;
				height: 130rpx;
			}
			.cell-top{
				padding: 0 20rpx;
				margin-top: 21rpx;
				.cell-top-left{
					.top-left-text{
						padding-left: 2rpx;
						font-size: 30rpx;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
					}
				}
				
				.cell-top-right{
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
				}
			}
			.cell-below{
				padding-left: 20rpx;
				padding-top: 22rpx;
				padding-right: 20rpx;
				.cell-below-member{
					font-size: 24rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
				}
				.cell-below-denominator{
					padding-top: 9rpx;
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
				}
			}
			.colour-black{
				color: #333333;
			}
			.colour-ash{
				color: #999999;
			}
			.colour-white{
				color: #FFFFFF;
			}
		}
		.clockin-no{
			background: rgba(72,207,165,0.1);
		}
		.clockin-water-no{
			background: rgba(88,108,253,0.1);
		}
		.clockin-weight-no{
			background: rgba(140,82,255,0.1);
		}
		.clockin-motion-no{
			background: rgba(255,120,64,0.1);
		}
		.clockin-food-yes{
			background: linear-gradient(324deg, #00DBBA 0%, #00DBBA 100%);
		}
		.water{
			background: linear-gradient(143deg, #ADC7FF 0%, #576BFC 100%);
		}
		.weight{
			background: linear-gradient(140deg, #C08AFF 0%, #8C52FF 100%);
		}
		.motion{
			background: linear-gradient(143deg, #FFB074 0%, #FF7840 100%);
		}
	}
}

.heightBox {
    width:750rpx;
    height: env(safe-area-inset-bottom);
    height: constant(safe-area-inset-bottom);
    min-height: 20rpx;
}

.bottom-button{
	position:fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	
	.bottom-tip{
		padding: 0 30rpx;
		width: 690rpx;
		height: 60rpx;
		background: rgba(255,120,47,0.7);
		border-radius: 10rpx;
		margin: 0 auto 10rpx auto;
		.bottom-tip-text{
			height: 40rpx;
			font-size: 28rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 40rpx;
		}
	}
}